<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style rel="stylesheet" type="text/css">
        @font-face {
            font-family: "iconfont";
            /* src: url('iconfont.eot'); */   /* IE9*/
            src: url(iconfont.eot#iefix); /* IE6-IE8 */
        }
        .iconfont {
            font-family:"iconfont" !important;
            font-size:16px;
            font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
        }
        .icon-bars:before {
            content: "\e650";
        }
    </style>
</head>

<body>
ICON: <i class="iconfont icon-bars"></i>

<script>
</script>
</body>
</html>